<template>
  <!-- <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div> -->
  <router-view />
  <!-- <fixedSetting></fixedSetting> -->
</template>

<script setup>
import { windowShade } from './globalJS.js';
// import global from './components/aaanewApp/global/global';
// import fixedSetting from './components/fixSetting/fixedSetting.vue';
windowShade();
// initGlobal();
// function initGlobal() {
//   for (const key in global) {
//     if (Object.hasOwnProperty.call(global, key)) {
//       window[key] = global[key];
//     }
//   }
// }
</script>

<style lang="scss">
.z_i99 {
  z-index: 99;
}
.cursorPointer {
  cursor: pointer;
}
.disnone {
  display: none !important;
}
.opacity0 {
  opacity: 0;
}
.appear {
  animation-name: appearAnima;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes appearAnima {
  from {
    opacity: 0;
  }
}

.boxshadow {
  box-shadow: 0px 0px 12px #0000002f;
}
// .ends_tips {
// 	z-index: 20;
// 	font-size: 20px;
// 	padding: 5px 10px;
// 	background-color: rgba(0, 0, 0, 1);
// 	color: rgba(255, 255, 255, 0.8);
// 	position: absolute;
// 	left: 50vw;
// 	top: 30vh;
// 	transform: translate(-50%, -50%);
// }

// .ends_tips_animation {
// 	animation: endsTipskey 1s ease-in-out;
// 	animation-fill-mode: forwards;
// }
// @keyframes endsTipskey {
// 	0% {
// 		translate: 0px 30px;
// 	}
// 	40% {
// 		translate: 0px -10px;
// 	}
// 	50%{
// 		translate: 0px;
// 		opacity: 1;
// 	}
// 	100% {
// 		opacity: 0;
// 	}
// }
// .tray___ends_tips_animation {
// 	display: none;
// }

* {
  margin: 0;
  padding: 0;
  user-select: none;

  scroll-behavior: smooth;
}

*::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #484441;
  opacity: 0.7;
}
*::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba($color: #484441, $alpha: 0.3);
  border-radius: 10px;
  // background: #fff;
}

a {
  text-decoration: none;
  color: inherit;
}

// #app {
//   font-family: Avenir, Helvetica, Arial, sans-serif;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
//   // text-align: center;
//   //   color: #2c3e50;
//   //   min-height: 100vh;
// }
body {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>
<style>
.fam_focus {
  display: none;
  z-index: -1;
  background-color: rgba(123, 233, 244, 0.6);
  box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4;
}
</style>
